<html>

<head>
  <meta charset="utf-8" />
  <title>MD2Card</title>
</head>

<body>
  <div style="width: 750px; margin: auto;">
    <section class="js-preview card markdown-body card-dreamy wechat"
      style="line-height: 1.75; color: #24292e; background-color: #fff; font-size: 16px; word-wrap: break-word; width: 100%; max-width: 500px; border-radius: 20px; background: linear-gradient(135deg, #f5f7ff 0%, #e8f0ff 100%); box-shadow: 0 15px 35px rgba(149, 175, 255, 0.2); padding: 30px; font-family: 'PingFang SC', sans-serif; position: relative; overflow: hidden;">
      <span style="position: absolute; top: -50px; right: -50px; width: 150px; height: 150px; background: linear-gradient(
    135deg,
    rgba(190, 205, 255, 0.3),
    rgba(190, 205, 255, 0)
  ); border-radius: 50%;"></span>
      <section class="card-content" style="font-size: 16px; position: relative; z-index: 1; height: auto;">
        <section class="card-content-inner">
          <blockquote
            style="margin: 20px 0; padding: 10px 20px; position: relative; font-style: italic; background: linear-gradient(135deg, #f5f7ff 0%, #e8f0ff 100%); border-left: 4px solid #7c8dff; color: #7c8dff;">
            <p style="margin-top: 0; color: #666; font-size: 15px; line-height: 1.8;">{{weiyu}}</p>
          </blockquote>
          <p style="margin-top: 0; color: #666; font-size: 15px; line-height: 1.8; margin: 16px 0;">
            <img src={{head_image}} alt
              style="max-width: 100%; border-radius: 8px; margin: 20px auto; display: block; width: auto; height: auto;">
          </p>
          <ol style="list-style: none; counter-reset: item; margin: 20px 0; padding-left: 0;">
            {% for item in news_items %}
             
            <li style="margin: 5px 0;
                   padding: 18px 20px;
                   background: #ffffff;
                   border-radius: 12px;
                   box-shadow: 0 3px 12px rgba(124, 141, 255, 0.1);
                   border-left: 4px solid #7c8dff;
                   transition: all 0.3s ease;
                   ">
              <!-- 正文内容 -->
              <section style="color: #5a5a5a;
                                line-height: 1.8;
                                font-size: 15px;
                                overflow: hidden;">
                {{ item }}

              </section>

            </li>
            {% endfor %}
          </ol>
        </section>
      </section>
    </section>
  </div>
</body>

</html>